', ' ', '

', '

', ' ', '

', ' ', ' ', ' ', ' ', '' ].join(''); document.body.appendChild(overlay); requestAnimationFrame(function () { overlay.classList.add('__open'); }); var closeButton = overlay.querySelector('.__pmc-close'); var widthValue = overlay.querySelector('#__pmc-width-value'); var heightValue = overlay.querySelector('#__pmc-height-value'); var image = overlay.querySelector('#__pmc-image'); var sizeItems = overlay.querySelectorAll('.__pmc-size-item'); function handleSelect(element, itemId, value) { var parsed = parseMeasureValue(value); widthValue.textContent = parsed.width ? parsed.width + ' cm' : ''; heightValue.textContent = parsed.height ? parsed.height + ' cm' : ''; Array.prototype.forEach.call(sizeItems, function (item) { item.classList.remove('__selected'); }); element.classList.add('__selected'); var matchedItem = Array.isArray(product.items) ? product.items.find(function (item) { return String(item.itemId) === String(itemId); }) : null; var nextImage = getImageUrl(matchedItem); if (nextImage) image.src = nextImage; } Array.prototype.forEach.call(sizeItems, function (item) { item.addEventListener('click', function () { handleSelect( item, item.getAttribute('data-item-id'), item.getAttribute('data-value') ); }); }); closeButton.addEventListener('click', closeModal); overlay.addEventListener('click', function (event) { if (event.target === overlay) closeModal(); }); if (sizeItems.length) { var firstItem = sizeItems[0]; handleSelect( firstItem, firstItem.getAttribute('data-item-id'), firstItem.getAttribute('data-value') ); } preloadImages(product); } function injectGuide(product) { if (document.getElementById(ROOT_ID)) return; var measurements = buildMeasurements(product); if (!measurements.length) return; function applyGuide() { var paragraphs = document.querySelectorAll('[id*="product-variants"] .attribute p'); var targetAttribute = null; paragraphs.forEach(function (p) { var text = (p.textContent || '') .replace(/\u200b/g, '') .replace(/\s+/g, ' ') .trim() .toLowerCase(); if (!targetAttribute && text.includes('qual tamanho você precisa')) { targetAttribute = p.closest('.attribute'); } }); if (!targetAttribute || !targetAttribute.parentNode) return false; if (document.getElementById(ROOT_ID)) return true; var root = document.createElement('div'); root.id = ROOT_ID; root.innerHTML = [ '

', '

', 'Qual tamanho você precisa? veja nosso ', '

', '

' ].join(''); targetAttribute.parentNode.replaceChild(root, targetAttribute); var trigger = root.querySelector('.__pmc-link'); if (trigger) { trigger.addEventListener('click', function () { openModal(product, measurements); }); } return true

contato

lojas

atendimento

sobre nós

segurança

potencializado por

e-commerce

redes sociais

formas de pagamento